$(() => {
    const token = GetQueryString("token");
    let area_id = GetQueryString('area_id');

    // 页面加载搜索框获取焦点
    $('.heinput').focus();

    // 清空输入框里面的值
    $(".close").on('click', function() {
        $(".heinput").val("");
        $('.searchWrap').show();
        $('.serchResultLists').hide();
    });

    // 搜索
    $('.heinput').on('input propertychange', function() {
        let len = $(this).val().length;
        let keys = $('.heinput').val();
        let regkeys = isChineseChar(keys);
        if (len != 0) {
            $('.searchWrap').hide();
            $('.serchResultLists').show();
        } else {
            $('.searchWrap').show();
            $('.serchResultLists').hide();
            getDbDatas();
        }
        searchReault(keys, area_id);
        // 存insertDb(word) 获取 getDbDatas() 
        if (isAndroid_ios()) {
            if (regkeys) {
                window.android.insertDb(keys);
            }
        } else {
            if (regkeys) {
                window.webkit.messageHandlers.insertDb.postMessage(keys);
            }
        }
    })


    //ios
    // 键盘点击搜索按钮搜索
    // $('.inheinput_wrap').on('submit', function(e) {
    //     e.preventDefault();
    //     let keys = $('.iosShow .heinput').val();
    //     searchReault(keys, area_id);
    //     // 存insertDb(word) 获取 getDbDatas()
    //     window.webkit.messageHandlers.insertDb.postMessage(keys);
    // })

    // 热搜标签
    let type = 1;
    $.ajax({
        type: "post",
        url: url,
        data: { 'method': "Api|search_labels", "type": type, "area_id": area_id },
        dataType: 'json',
        success: function(res) {
            // console.log(res);
            let data = res.data;
            let html = '';
            if (res.status == 1) {
                data.forEach(item => {
                    html += `
                    <a href="shop_details_company.html?company_id=${item.ext_id}&token=${token}" class="shList">${item.label}</a>
                `;
                })
                $('.search_labels').html(html);
            } else if (res.status == 2) {
                location.href = "fox://logout";
            } else {
                alert(res.message);
            }
        }
    })

    // 搜索结果
    function searchReault(keys, area_id) {
        $.ajax({
            type: "post",
            url: url,
            data: { 'method': "Plat|index_search_result", 'keywords': keys, 'area_id': area_id },
            dataType: 'json',
            success: function(res) {
                // console.log(res);
                if (res.status == 1) {
                    let company = res.data.company;
                    let ngoods = res.data.ngoods;
                    let goods = '';
                    let com = '';
                    let goodsTitle = '';
                    let comTitle = '';
                    // 更多商品
                    goodsTitle = `
                        <span>商品</span>
                        <a class="moreGoods" href="search_goodsLists_n.html?keys=${keys}&area_id=${area_id}">更多</a>
                    `;
                    $('.goodsTitle').html(goodsTitle);
                    // 更多企业
                    comTitle = `
                        <span>企业</span>
                        <a class="moreCompany" href="more_company_n.html?keys=${keys}&area_id=${area_id}">更多</a>
                    `;
                    $('.comTitle').html(comTitle);

                    if (ngoods.list != '') {
                        ngoods.list.forEach(item => {
                            goods += `
                            <a href="home_n_shopClassifyDetail.html?goods_id=${item.id}&token=${token}" class="shopList">
                                <img src="${item.goods_thumb == '' ? '../img/user.jpg' : item.goods_thumb}" alt="${item.goods_name}">
                                <div class="shopItem">
                                    <p>${item.goods_name}</p>`
                            if (item.price_show_model == 1) {
                                goods += `<span>¥${item.goods_price}</span>`
                            } else if (item.peice_show_model == 2) {
                                goods += `<del style="color:#666;font-size:.24rem;">¥${item.price_before}</del>/<span style="font-size:.28rem;">¥${item.goods_price}</span>`
                            } else {
                                goods += `<span>¥${item.price_area}</span>`
                            }
                            goods += `</div>
                            </a>
                        `;
                        });
                        $('.ngoods').html(goods);
                    } else {
                        $('.ngoods').html(`<p class="marT20" style="text-align:center;color:rgb(128, 128, 128);">未找到相关商品！！！</p>`);
                    }
                    // 企业
                    if (company.list.length != '') {
                        company.list.forEach(item => {
                            com += `
                        <div class="comList">`
                            if (item.company_level >= 1) {
                                com += `<a href="shop_details_company.html?company_id=${item.id}&token=${token}" class="comHead">`
                            } else {
                                com += `<a href="shop_details.html?company_id=${item.id}&token=${token}" class="comHead">`
                            }
                            com += `<div class="comHeadLeft">
                                    <img class="headImg" src="${item.company_logo == '' ? '../img/user.jpg' : item.company_logo}" alt="${item.company_name}">
                                    <div class="headlineTopChild">
                                        <p>${item.company_name}</p>`
                            if (item.level_logo != '') {
                                com += `<img src="${item.level_logo}" class="userLevel"  alt="${item.level_name}"/>`
                            }
                            com += `</div>
                                </div>
                                <p class="comHeadRight">进店</p>
                            </a>
                            <div class="comImgs">`
                            item.goods_list.forEach(g => {
                                com += `<a href="comp_shopDetail.html?id=${g.id}&token=${token}"><img class="comImg" src="${g.goods_thumb == '' ? '../img/user.jpg' : g.goods_thumb}" alt="${g.goods_name}"></a>`;
                            })
                            com += `</div>
                            <p class="comDesc">
                                主营：${item.main_business}
                            </p>
                            <p class="comAddr">
                                地址：${item.area_name}
                                <span>浏览量${item.read_count}</span>
                            </p>
                        </div>
                        `;
                        })
                        $('.companyList').html(com);
                    } else {
                        $('.companyList').html(`<p class="marT20" style="text-align:center;color:rgb(128, 128, 128);">未找到相关企业！！！</p>`);
                    }
                } else if (res.status == 2) {
                    location.href = "fox://logout";
                } else {
                    alert(res.message);
                }
            }
        })
    }

    // 点击更多企业
    $('.moreCompany').on('click', function() {
        let keys = $('.heinput').val();
        location.href = "companyLists.html?keys=" + keys + '&area_id=' + area_id + '&token=' + token;
    })
    // 点击更多商品
    $('.moreGoods').on('click', function() {
        let keys = $('.heinput').val();
        location.href = "search_goodsLists_n.html?keys=" + keys + '&area_id=' + area_id + '&token=' + token;
    })
})
// getDbDatas();
// // 获取历史搜索
// function getDbDatas() {
//     if (isAndroid_ios()) {
//         //安卓  
//         let datas = window.android.getDbDatas();
//         if (datas != '') {
//             datas = eval("(" + datas + ")");
//             let html = '';
//             for (let i = 0; i < datas.length; i++) {
//                 let o = datas[i];
//                 html += `
//                 <a href="javascript:;" class="shList">${o}</a>
//             `;
//             }
//             $('.searchHistoryLists').html(html);
//         } else {
//             return;
//         }
//     } else {
//         //ios
//         // window.webkit.messageHandlers.getDbDatas.postMessage('');
//     }
// }

// // ios获取历史搜索
// function getDbDatacode(str) {
//     let html = '';
//     if (str != '') {
//         str = eval("(" + str + ")");
//         str.forEach(item => {
//             html += `
//                 <a href="javascript:;" class="shList">${item}</a>
//             `;
//         })
//         $('.searchHistoryLists').html(html);
//     } else {
//         return;
//     }
// }

// // 清除历史搜索
// $('.clearSH').on('click', function() {
//     // deleteDbData
//     if (isAndroid_ios()) {
//         //安卓  
//         window.android.deleteDbData();
//     } else {
//         //ios
//         window.webkit.messageHandlers.deleteDbData.postMessage('datas');
//     }
//     getDbDatas();
// })

// // 搜索历史点击录入输入框中
// $(document).on('click', '.searchHistoryLists a', function() {
//     $('.heinput').val($(this).html());
//     let key = $(this).html();
//     searchInput(key);
// })